<!DOCTYPE html>
<!-- saved from url=(0052)http://localhost:8080/jeesite/a/company/customerInfo -->
<html style="overflow-x:auto;overflow-y:auto;" xmlns:th="http://www.thymeleaf.org"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>个人客户管理 - Powered By JeeSite</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta name="author" content="http://jeesite.com/"/>
<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
<meta http-equiv="Expires" content="0"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Cache-Control" content="no-store">
	<script th:src="@{/jquery/jquery-1.8.3.min.js}" type="text/javascript"></script>
	<link th:href="@{/bootstrap/2.3.1/css_cerulean/bootstrap.min.css}" type="text/css" rel="stylesheet" />
	<script th:src="@{/bootstrap/2.3.1/js/bootstrap.min.js}" type="text/javascript"></script>
	<link th:href="@{/bootstrap/2.3.1/awesome/font-awesome.min.css}" type="text/css" rel="stylesheet" />
	<!--[if lte IE 7]><link th:href="@{/bootstrap/2.3.1/awesome/font-awesome-ie7.min.css}" type="text/css" rel="stylesheet" /><![endif]-->
	<!--[if lte IE 6]><link th:href="@{/bootstrap/bsie/css/bootstrap-ie6.min.css}" type="text/css" rel="stylesheet" />
	<script th:src="@{/bootstrap/bsie/js/bootstrap-ie.min.js}" type="text/javascript"></script><![endif]-->
	<link th:href="@{/jquery-select2/3.4/select2.min.css}" rel="stylesheet" />
	<script th:src="@{/jquery-select2/3.4/select2.min.js}" type="text/javascript"></script>
	<link th:href="@{/jquery-validation/1.11.0/jquery.validate.min.css}" type="text/css" rel="stylesheet" />
	<script th:src="@{/jquery-validation/1.11.0/jquery.validate.min.js}" type="text/javascript"></script>
	<link th:href="@{/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css}" rel="stylesheet" />
	<script th:src="@{/jquery-jbox/2.3/jquery.jBox-2.3.min.js}" type="text/javascript"></script>
	<script th:src="@{/My97DatePicker/WdatePicker.js}" type="text/javascript"></script>
	<script th:src="@{/common/mustache.min.js}" type="text/javascript"></script>
	<link th:href="@{/common/jeesite.css}" type="text/css" rel="stylesheet" />
	<script th:src="@{/common/jeesite.js}" type="text/javascript"></script>

<script type="text/javascript">var ctx = '../a', ctxStatic='../static';</script>
	<!-- Baidu tongji analytics --><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="//hm.baidu.com/hm.js?82116c626a8d504a5c0675073362ef6f";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script>
	
	
	<meta name="decorator" content="default">
	<script type="text/javascript">
		$(document).ready(function() {
			
		});
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        }
	</script>

</head>
<body>
	
	<ul class="nav nav-tabs">
		<li class="active"><a th:href="@{/customerManager/customerList(pageNum=1)}">个人客户列表</a></li>
		<li><a th:href="@{/customerManager/addCustomerHtml}">个人客户添加</a></li>
	</ul>
	<form id="searchForm" class="breadcrumb form-search" th:action="@{/customerManager/customerList(pageNum=1)}" method="post">
		<input id="pageNo" name="pageNo" type="hidden" value="1">
		<input id="pageSize" name="pageSize" type="hidden" value="10">
		<ul class="ul-form">
			<li><label>客户名称：</label>
				<input id="name" name="name" class="input-medium" type="text" th:value="${name}" maxlength="50">
			</li>
			<li><label>身份证号：</label>
				<input id="idCard" name="idCard" class="input-medium" type="text" th:value="${idCard}" maxlength="20">
			</li>
			<li><label>所属公司：</label>
				<select id="companyId" name="companyId" class="input-medium select2-offscreen" tabindex="-1" th:each="company:${companys}">
					<option th:value="${company.id}" th:text="${company.name}">智递科技</option>
					
				</select>
			</li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"></li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="模板下载"></li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="导入"></li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="导出"></li>
			<li class="clearfix"></li>
		</ul>
	</form>
<script type="text/javascript">top.$.jBox.closeTip();</script>

	<table id="contentTable" class="table table-striped table-bordered table-condensed">
		<thead>
			<tr>
				<th>客户名称</th>
				<th>身份证号</th>
				<th>客户性别</th>
				<th>出生年月</th>
				<th>手机号码</th>
				<th>电子邮件</th>
				<th>毕业学校</th>
				<th>所学专业</th>
				<th>毕业时间</th>
				<th>工资薪酬</th>
				<th>社保信息</th>
				<th>公积金</th>
<!-- 				<th>客户类别</th> -->
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
		
			<tr th:each="customer : ${customers.getRecords()}">
				<td><a th:href="@{/customerManager/updateById(id=${customer.id})}" th:text="${customer.name}">
					智递哥
				</a></td>
				<td th:text="${customer.idCard}">
					412724180000001511
				</td>
				<td th:text="${customer.sex}">
					男
				</td>
				<td th:text="${#dates.format(customer.birthday,'yyyy-MM-dd')}">
					2017-10-20 00:00:00
				</td>
				<td th:text="${customer.phone}">
					15890130136
				</td>
				<td th:text="${customer.email}">
					welun@zhidio.com
				</td>
				<td th:text="${customer.school}">
					郑州大学
				</td>
				<td th:text="${customer.specialty}">
					软件开发
				</td>
				<td th:text="${customer.graduation}">
					2012-10-01
				</td>
				<td>
						<a th:href="@{/gongjijinManager(id=${customer.id})}">薪酬工资</a>
				</td>
				<td>
						<a th:href="@{/shebaoManager/queryById(id=${customer.id})}">社保信息</a>
				</td>
				<td>
						<a th:if="${customer.isSalary=='1'}" th:href="@{/shebaoManager/queryById(id=${customer.id})}"></a>
				</td>
				<td>
    				<a th:href="@{/customerManager/updateById(id=${customer.id})}">修改</a>
					<a th:href="|javascript:del()|">删除</a>
				</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td th:colspan="13" style="text-align: center">
					<span th:text="'当前'+${customers.getCurrent()}+'页，共 ' + ${customers.getPages()+'页，共'} + ${customers.getTotal()+' 条'}" ></span>
					<a th:if="${customers.getCurrent()>1}" th:href="@{/customerManager/customerList(pageNum=${customers.getCurrent()-1},name=${name},idCard=${idCard},companyId=${companyId})}">上一页</a>
					<a th:if="${customers.getCurrent()<customers.getPages()}" th:href="@{/customerManager/customerList(pageNum=${customers.getCurrent()+1},name=${name},idCard=${idCard},companyId=${companyId})}">下一页</a>
				</td>
			</tr>
		</tfoot>
	</table>
<div style="clear:both;"></div>

	<script type="text/javascript">//<!-- 无框架时，左上角显示菜单图标按钮。
		if(!(self.frameElement && self.frameElement.tagName=="IFRAME")){
			$("body").prepend("<i id=\"btnMenu\" class=\"icon-th-list\" style=\"cursor:pointer;float:right;margin:10px;\"></i><div id=\"menuContent\"></div>");
			$("#btnMenu").click(function(){
				top.$.jBox('get:/jeesite/a/sys/menu/treeselect;JSESSIONID=3baf732ded45486a8f110d13601a4c9b', {title:'选择菜单', buttons:{'关闭':true}, width:300, height: 350, top:10});
				//if ($("#menuContent").html()==""){$.get("/jeesite/a/sys/menu/treeselect", function(data){$("#menuContent").html(data);});}else{$("#menuContent").toggle(100);}
			});
		}//-->
	</script>

</body></html>